<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Hello MUI</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--标准mui.css-->
    <link rel="stylesheet" href="../static/css/mui.min.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="../static/css/app.css"/>
    <link rel="stylesheet" type="text/css" href="../static/css/native.css"/>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title"> 我的地址 </h1>
</header>
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item mui-active" href="address_add.html" onclick="javascript:link();">
        <span class="mui-tab-label">添加地址</span>
    </a>
</nav>
<div class="mui-content" id="address_page">
    <div id="tabbar-with-map" class="mui-control-content mui-active">
        <ul class="mui-table-view" style="">
            <li class="mui-table-view-cell">
                <a class="edit">
                   <p>
                       <span class="key">阿不来提</span>
                       <span class="key"> 18902123716 </span>
                   </p>
                   <p>
                      北京市朝阳区双井百环家园9号楼1105
                   </p>
                </a>
            </li>
            <li class="mui-table-view-cell settings">
               <div class="mui-checkbox def">
                  <label>设为默认地址</label>
                  <input class="checkbox" name="checkbox1" value="Item 1" type="checkbox" checked>
                </div>
                <div class="options">
                   <a href="" class="edit">
                      <i class="mui-icon mui-icon-compose"></i>
                      <span> 编辑 </span>    
                   </a>
                   <a href="">
                      <i class="mui-icon mui-icon-trash"></i>
                      <span> 删除 </span>    
                   </a>
                </div>
            </li>
        </ul>
        <ul class="mui-table-view" style="">
            <li class="mui-table-view-cell">
                <a class="edit">
                   <p>
                       <span class="key">阿不来提</span>
                       <span class="key"> 18902123716 </span>
                   </p>
                   <p>
                      北京市朝阳区双井百环家园9号楼1105
                   </p>
                </a>
            </li>
            <li class="mui-table-view-cell settings">
               <div class="mui-checkbox def">
                  <label>设为默认地址</label>
                  <input class="checkbox" name="checkbox1" value="Item 1" type="checkbox" checked>
                </div>
                <div class="options">
                   <a href="" class="edit">
                      <i class="mui-icon mui-icon-compose"></i>
                      <span> 编辑 </span>    
                   </a>
                   <a href="">
                      <i class="mui-icon mui-icon-trash"></i>
                      <span> 删除 </span>    
                   </a>
                </div>
            </li>
        </ul>
    </div>
</div>
</body>
<script src="../static/js/mui.min.js"></script>
<script>
    mui.init({
        swipeBack:true //启用右滑关闭功能
    });
    function link () {
        window.location.href='address_add.html';
    }
</script>
</html>